<template>
  <div class="about">
    <h1>This is an about page</h1>
    <router-link to="/home" custom v-slot="{ navigate, href, route }">
      <a :href="href" @click="navigate">{{ route.fullPath }}</a>
    </router-link>

    <router-link to="/home2" custom v-slot="{ href, route }">
      <a :href="href" >{{ route.fullPath }}</a>
    </router-link>

    <router-link to="/home2222"  v-slot="{ route }">
      <span >{{ route.fullPath }}</span>
    </router-link>

    <router-link to="/home3" v-slot="{ route }">
      <span>{{ route.fullPath }}</span>
    </router-link>
  </div>
</template>
